<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}Латинский язык{% endblock %}</title>

<style type="text/css">
.menu-button-current, .menu-button-contents, .menu-button-rss, .menu-button-lesson, .menu-button-exercise, .menu-button-scd {
    text-decoration: none;
    color: #000;
    border: 1px solid #777;
    border-radius: 3px;
    padding: 0.05em 0.4em 0.05em 0.4em;
    margin: 0px 2px 0px 2px;
}
 
.menu-button-current {
    border-width: 2px;
    font-weight: bold;
}
 
.menu-button-contents {
    background: #bbb;
}
.menu-button-rss {
    background: #fda;
}
 
.menu-button-lesson {
    background: #8cf;
}
 
.menu-button-exercise {
    background: #ad8;
}
 
.menu-button-scd {
    background: #fbd;
}
</style>
</head>

<body>
<div class="menu">
{% for menu-item in menu %}
<a href={{ menu-item.href }} title="{{ menu-item.title }}" class= "{{ menu-item.class }}">{{ menu-item.text }}</a>
{% endfor %}
</div>

<div id="content">
{% block content %}{% endblock %}
</div>
</body>
</html>
